import { Link as LinkRouter } from "react-router";
import React from "react";
import clsx from "clsx";

const Link: React.FC<
  React.PropsWithChildren<{
    href: string;
  }>
> = ({ children, href }) => {
  return (
    <LinkRouter
      className={clsx(
        "border-2 text-black",
        "py-2 px-4 inline-block cursor-pointer rounded-md"
      )}
      to={href}
    >
      {children}
    </LinkRouter>
  );
};

export default Link;
